<template>
	<div>
		<view class="content">
		<!-- 	<view class="content_top">
				<img class="nav_bar" @click="onNavbar()" src="@/static/images/index/txl_return.png" alt="">
				<view class="content_title">版本更新</view>
			</view> -->
			<!-- <u-sticky style="position: fixed;top: 0;z-index: 100;"> -->
				<u-navbar :is-back="true" title="版本更新"  title-color="#000" :border-bottom="false">
				</u-navbar>
			<!-- </u-sticky> -->
			<view class="main">
				<view class="mainTop">
					<img src="@/static/images/banbenIcon.png" class="mainTopImg" alt="">
				</view>
				<view class="mainBom">
					<view class="mainBom_bor">
						<!-- 版本2.1 -->
						<view class="mainBom_nr" v-for="(item,index) in logList" :key="index">
							<view class="mainBom_date">
								<!-- 01/17 <br/>2025 -->
								{{item.Createtime}}
							</view>
							<view class="mainBom_nr_title">
								<view class="mainBom_title1">
									版本{{item.Version}}
								</view>
								<view class="mainBom_title2">
									升级主要内容：<br/>
									{{item.Content}}
								</view>
							</view>
						</view>
						
					</view>
				</view>
			</view>
		</view>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				type : this.$route.query.type || 1,
				logList: []
			}
		},
		mounted(){
			this.getlogList()
		},
		methods: {
			//首页-统计周期
			async getlogList() {
				let	data = await this.$api.getlogList(); 
				// console.log('首页-统计周期res',data)
				if (data.Code == 200) {
					this.logList = data.Data
				} else {
					uni.showToast({
						title: data.Message,
						icon: 'none',
						duration: 5000,
						mask: true,
					});
				}		
			},
			
		}
	}
</script>

<style lang="less">
	.content{
		height: 100vh;
		overflow: hidden;
	}
	.main {
		width: 100%;
		min-height: calc(100vh - 88rpx) ;
		background: #CCE7FF;
		display: block;
	}
	
	.mainTop{
		width: 750rpx;
		height: 370rpx;
		.mainTopImg{
			width: 750rpx;
		}
	}
	.mainBom{
		width: 690rpx;
		min-height: 690rpx;
		background: #FFFFFF;
		border-radius: 16rpx;
		border: 20rpx solid #D9EBF9;
		position: absolute;
		top: 320rpx;
		left: 30rpx;
		padding: 64rpx 30rpx 64rpx 78rpx;
		.mainBom_bor{
			border-left: 1rpx dashed #000;
			.mainBom_nr{
				position: relative;
				padding: 0 0 0 100rpx;
				margin-bottom: 40rpx;
				.mainBom_date{
					width: 150rpx;
					line-height: 30rpx;
					padding: 10rpx 0;
					text-align: center;
					font-size: 22rpx;
					color: #FFFFFF;
					background: #1B9CFF;
					border-radius: 16rpx;
					position: absolute;
					left: -75rpx;
				}
				.mainBom_nr_title{
					width: 460rpx;
					display: block;
					.mainBom_title1{
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 34rpx;
						color: #000000;
						line-height: 46rpx;
						padding-top: 20rpx;
						
					}
					.mainBom_title2{
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						font-size: 24rpx;
						line-height: 34rpx;
						color: #A7ABBB;
						margin-top: 20rpx;
					}
				}
			}
		}
	}
	
</style>